<template>
  <div class="footer">
    Copyright &copy; 2020 - {{year}}  
    <span class="float-right"> <a :href=url>{{msg}}</a></span>
    版权所有
  </div>
</template>
<script lang="ts">
import { defineComponent,ref, reactive ,watchEffect,watch} from "vue";
import { yearNow } from "../utils/common.js"
export default defineComponent({
  props: {
    msg!: {
        type:String,
        default: "瑞雪科技"
    },
    year: {
      type: String,
      default: yearNow()
    },
    url: {
      type: String,
      default: "http://coreui.io"
    }
  },
setup: (props, context) => {
  const returnInfo = ref({
    msg: props.msg,
    year: props.year,
  })
  return returnInfo;
},
})
</script>
<style scoped lang="less">
.footer {
  width: 100%;
  height: 30px;
  padding: 5px;
  position: absolute;
  bottom: 0; 
  background-color: #eee;
  text-align: center;
}
</style>